<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <meta name="Component" content="width=device-width, initial-scale=1.0">
    <title>Component Test</title>

    <!-- 字体链接 -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">

    <link rel="stylesheet" id="style-css" href="../ScrollText/ScrollText.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="../MessageBlock/MessageBlock.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="./MessageWindow.css" type="text/css" media="all">
</head>

<style>
    body {
        background-color: rgba(239, 242, 255, 1);
    }
</style>

<body>

    <div class="tempBox" style="height: 500px; overflow: scroll; width: fit-content; display: flex;">
    <!-- 信息块窗口组件 -->
    <!-- <div class="MessageWindow"> -->
        <!-- <div class="messagePageWindow"> -->
            <!-- <div class="messagePageList"> -->
                <!-- <div class="messagePage" id="mPage_0"> -->
                    <!-- 信息块组件 -->
                    <!-- <div class="messageBlock"></div> -->
                    <!-- 信息块组件 -->
                    <!-- <div class="messageBlock"></div> -->
                    <!-- 信息块组件 -->
                    <!-- <div class="messageBlock"></div> -->
                <!-- </div> -->
                <!-- <div class="messagePage" id="mPage_1"> -->
                    <!-- 信息块组件 -->
                    <!-- <div class="messageBlock"></div> -->
                    <!-- 信息块组件 -->
                    <!-- <div class="messageBlock"></div> -->
                <!-- </div> -->
            <!-- </div> -->
            <!-- <div class="frontShadow"></div> -->
            <!-- <div class="backShadow"></div> -->
            <!-- <div class="topShadow"></div> -->
            <!-- <div class="bottomShadow"></div> -->
        <!-- </div> -->
    <!-- </div> -->
    </div>

</body>

<script src="./test.js" type="module"></script>

</html>